<template>
	<div>
	    <div class="floor1">
	    	<div class="floor1_l">
	    		<img :src="data.avatar" alt="" v-if="data.avatar"/>
	    		<img src="../../../../static/img/lanhu/45.png" alt="" v-else/>
	    	</div>
	    	<div class="floor1_r">
	    		<div class="floor1_r_top">
	    			<span class="a">{{data.userNickname}}</span>
	    		</div>
	    		<div class="floor1_r_bottom">
	    			<span class="b"><span v-if="lastAccesstime">{{lastAccesstime}}来过</span></span>
	    			<span style="margin-left: 4px;">发布于
	    			    <span style="color: #FF9630;font-size: 14px;font-weight: bold;">{{format(data.address)}}</span>
	    			</span>
	    		</div>
	    	</div>
	    </div> 	
	    
	    
	    
	    <div class="price">
	    	<span class="c_1">&yen;<span class="c_1_1">{{data.comPrice}}</span></span>
	    </div>
	    	    
	</div>	
</template>

<script>
export default {	
	data() {
       return {
          
       }
	},
    props:['data','lastAccesstime'],	
	methods: {	
      format(str){
      	if(str){
	      	let arr=str.split(' ')
	      	return arr[1]      		
      	}else{
      		return ''
      	}
      	

      }
	},
	mounted() {
		
	}
}	
</script>

<style scoped="">
.floor1{display: flex;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;}
.floor1_l{width: 50px;height: 50px;}
.floor1_l>img{width: 50px;height: 50px;border-radius:6px ;}
.floor1_r{flex: 1;padding-left: 8px;display: flex;flex-direction: column;justify-content: space-between;}	
.floor1_r_top{font-size: 18px;}
.a{font-weight: bold;}
.a_1{color: #45cec7;font-size: 14px;font-weight: bold;}
.floor1_r_bottom{color: #acacac;display: flex;justify-content: space-between;}
.price{padding: 20px 0;}
.c_1{color: #F22613;font-weight: bold;}
.c_1_1{font-size: 16px;margin-left: 5px;font-weight: bold;}
.c_2{color: #a09c9d;vertical-align: 2px;margin-left: 6px;text-decoration: line-through;font-size: 12px;}
</style>